<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="../css/index.css">
</head>
<body>
	<!-- 头部开始 -->
	<div class="header">
		<div class="logo">
			<a href="#" title=""></a>
		</div>
		<div class="nav">
			<ul>
				<li>
					<a href="#" title="">
						首页
					</a>
				</li>
				<li>
					<a href="#" title="">
						课程
					</a>
				</li>
				<li>
					<a href="#" title="">
						职业规划
					</a>
				</li>
			</ul>
		</div>
		<div class="search">
			<input type="search" placeholder="输入关键字">
			<a href="#" title="" class="se-img">
				<img src="../imgs/fangdajin.png" alt="">
			</a>
		</div>
		<div class="user-info">
			<a href="#" class="user-home">个人中心</a>
			<a href="#" class="notice">
				<img src="../imgs/lingdang_03.png" alt="">
			</a>
			<a href="#" class="user-img">
				<img src="../imgs/usericon_03.png" alt="">
			</a>
			<a href="#" class="user-name">jiang_666</a>
		</div>
	</div>
	<!-- 头部结束 -->
	<div class="guild">
		<div class="bg w">
			<div class="sidebar">
				<ul>
					<li>
						<a href="#" title="">前端开发</a><i>></i>
					</li>
					<li>
						<a href="#" title="">后端开发</a><i>></i>
					</li>
					<li>
						<a href="#" title="">移动开发</a><i>></i>
					</li>
					<li>
						<a href="#" title="">人工智能</a><i>></i>
					</li>
					<li>
						<a href="#" title="">商业预测</a><i>></i>
					</li>
					<li>
						<a href="#" title="">云计算&大数据</a><i>></i>
					</li>
					<li>
						<a href="#" title="">运维&从测试</a><i>></i>
					</li>
					<li>
						<a href="#" title="">UI设计</a><i>></i>
					</li>
					<li>
						<a href="#" title="">产品</a><i>></i>
					</li>					
				</ul>
			</div>
			<div class="qiu">
				<i></i>
				<i></i>
				<i></i>
				<i></i>
				<i></i>
				<i></i>			
			</div>
			<div class="classlist">
				<div class="list-top">
					我的课程表
				</div>
				<div class="class-name">
					<li>
						<a href="#" title="">
							<p class="name-a">继续学习<span>程序语言设计</span></p>	
							<p class="name-c">正在学习-使用对象</p>
						</a>
					</li>
					<li>
						<a href="#" title="">
							<p class="name-a">继续学习<span>程序语言设计</span></p>	
							<p class="name-c">正在学习-使用对象</p>
						</a>
					</li>
					<li>
						<a href="#" title="">
							<p class="name-a">继续学习<span>程序语言设计</span></p>	
							<p class="name-c">正在学习-使用对象</p>
						</a>
					</li>
				</div>
				<div class="anniu">
					<a href="#">
						全部课程
					</a>
				</div>
			</div>
		</div>
	</div>
</body>
</html>